import styled from 'styled-components'

interface IState {
  $size: number | string
  $shape: 'circle' | 'square'
}

export const LtAvatarWrapper = styled.div<IState>`
  width: ${(props) => props.$size}px;
  height: ${(props) => props.$size}px;
  overflow: hidden;
  img {
    width: 100%;
    height: 100%;
    border-radius: ${(props) => (props.$shape === 'circle' ? '50%' : '10%')};
  }
`
